<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/app1.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <script src="./rem.js"></script>
</head>
<body>
    <div class="topbar">
        <div class="topbar-header">
            <div class="topbar-icon">
                <span class="iconfont icon-saoyisao"></span>
                <span class="icon-text">扫一扫</span>
            </div>
            <div class="topbarsearch">
                <span class="iconfont"></span>
                <input type="text" >
            </div>
            <div class="topbar-hongbao">
                <img src="./图标/1/hongbao.png" alt="">
            </div>
            <div class="topbar-icon">
                <span class="iconfont icon-xiaoxi"></span>
                <span class="icon-text">消息</span>
            </div>
        </div>
        <div class="top-list">
            <ul class="list-content">
                <li list-content>推荐：</li>
                <a href=""><li>春装</li></a>
                <a href=""><li>女装</li></a>
                <a href=""><li>男装</li></a>
                <a href=""><li>母婴</li></a>
                <a href=""><li>美食</li></a>
                <a href=""><li>包包</li></a>
                <a href=""><li>美容</li></a>
            </ul>
        </div>
        
    </div>
    <div class="top-banner">
        <img src="./图标/1/banner.png" alt="">
    </div>
    <div class="use-button">
        <div class="buttonlist">
            <ul class="firstlist">
                <li>
                    <img src="./图标/1/0101.png" alt="">
                    <span>超市便利</span>
                </li>
                <li>
                    <img src="./图标/1/0102.png" alt="">
                    <span>限时抢购</span>
                </li>
                <li>
                    <img src="./图标/1/0103.png" alt="">
                    <span>9.9包邮</span>
                </li>
                <li>
                    <img src="./图标/1/0104.png" alt="">
                    <span>每日生鲜</span>
                </li>
                <li>
                    <img src="./图标/1/0105.png" alt="">
                    <span>母婴宝贝</span>
                </li>
            </ul>
            <ul class="secondlist" >
                <li>
                    <img src="./图标/1/美食.png" alt="">
                    <span>餐饮娱乐</span>
                </li>
                <li>
                    <img src="./图标/1/外卖.png" alt="">
                    <span>外卖出行</span>
                </li>
                <li>
                    <img src="./图标/1/海淘.png" alt="">
                    <span>全球海淘</span>
                </li>
                <li>
                    <img src="./图标/1/电器.png" alt="">
                    <span>数码家电</span>
                </li>
                <li>
                    <img src="./图标/1/签到.png" alt="">
                    <span>签到有礼</span>
                </li>
            </ul>  
        </div>
        <hr>
        <div class="headline">
            <div class="headline-photo">
                <img src="./图标/1/头条快讯.png" alt="">
            </div>
            <div class="jingxuan">
                <div class="text">精选</div> 
            </div>
    
            <div class="jingxuan-text">全新一代千库V3.0智能手环正式发售监测...</div>
            <span class="jingxuan-more">| 更多</span>  
        </div>
        
        
           
       
    </div>
    <div class="findaround">
        <div class="find-top">
            <div class="find-title">发现周边</div>
            <div class="find-time">
                <div class=" time-number">1</div>
                <div class="dot">:</div>
                <div class=" time-number">34</div>
                <div class="dot">:</div>
                <div class=" time-number">20</div>
                <div class="findtime-text">下场等待开启 | 12:00</div>
            </div>
            <div class="find-more">更多优惠</div>
        </div>
        <div class="find-body">
            <div class="time-kill">
                <div class="kill-title">
                    <img src="./图标/1/shandian.png" alt="" class="kill-photo">
                    <span>限时秒杀</span>
                </div>
                <span>每场特价</span>
                <img src="./图标/1/未标题-14.png" alt="" class="tejia-photo">
                <div class="rightbuy">
                    <span>立即抢购</span>
                </div>
            </div>
            <div class="find-good"></div>
            <div class="findbody-right">
                <div class="findbody-topright"></div>
                <div class="findbody-bottomright"></div>
            </div>
        </div>
    </div>
</body>
</html>